package com.example.study.jetpack.compose

import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.padding
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp

/**
 *  created by ws
 *   on 2022/2/26
 *   describe:https://blog.csdn.net/Mr_Tony/article/details/118737172?spm=1001.2014.3001.5502
 */
class Compose中的基本布局 {
/*
Column
    可以使布局进行垂直排序
Modifier
    可以对其样式进行调整，如内外边距等等
     Column(modifier = Modifier.padding(10.dp))
Row
    Row是一个水平排列的布局
Box
    Box可以将一个元素放在另一个元素之上
BoxWithConstraints
    假如布局需要根据尺寸和方向来更改布局内容
    ps：最好不要使用Modifier。background来设置颜色，
        而是使用Surface来设置背景颜色，应为Surface会设置适当的颜色
        直接使用Modifier.background不会设置适当的颜色
*/
    @Preview  //如果需要预览 添加该注解
    @Composable  //定义可组合函数注解
    fun view(){
        Column(modifier = Modifier.padding(10.dp)) {

        }
    }
    /*参考链接

    Compose的排列布局
    https://developer.android.google.cn/jetpack/compose/tutorial?continue=https%3A%2F%2Fdeveloper.android.google.cn%2Fcourses%2Fpathways%2Fcompose%23article-https%3A%2F%2Fdeveloper.android.com%2Fjetpack%2Fcompose%2Ftutorial

    Compose 中的布局
    https://developer.android.google.cn/jetpack/compose/layout

    Compose的类说明
    https://developer.android.google.cn/reference/kotlin/androidx/compose/foundation/layout/package-summary#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)

    主题
    https://developer.android.google.cn/jetpack/compose/themes

    Compose的Surface
    https://developer.android.google.cn/reference/kotlin/androidx/compose/material/package-summary#Surface(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.BorderStroke,androidx.compose.ui.unit.Dp,kotlin.Function0)*/

}